/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
@namespace ns "com.micmac.customer.region_map.*";
s|Label
{
	font-family:Trebuchet;
}

s|DataGrid
{
	font-family:Trebuchet;
	skinClass : ClassReference("assets.skins.CustomDatagridSkin");
	rollOverColor : '0x008bdc';
	borderColor : 'ox4cade4';
	selectionColor : '0x008bdc';
}
mx|DateField
{
	textFieldClass: ClassReference("mx.core.UIFTETextField");
	textInputClass: ClassReference("mx.controls.MXFTETextInput");
	color:#000000;
	textIndent:10;
	
}
mx|Label { 
	textFieldClass: ClassReference("mx.core.UIFTETextField"); 
}
.dateFieldText
{
	cornerRadius: 4;
	borderColor:#9bd3f4;
	borderSkin:ClassReference("assets.skins.DateFieldBorder");
	font-family:Trebuchet;
	color:#000000;
}
s|CheckBox
{
	skinClass:ClassReference("assets.skins.CustomCheckBoxskin")
}
s|TextArea
{
	skinClass:ClassReference("assets.skins.CustomTextAreaSkin");
	font-family:Trebuchet;
	paddingRight:10;
	paddingTop:10;
	paddingBottom:10;
}

s|NumericStepper
{
	skinClass:ClassReference("assets.skins.CustomNumericStepperSkin")
}
mx|ProgressBar
{
	bar-skin:ClassReference("assets.skins.CustomProgressBarTrackSkin");
	track-skin:ClassReference("assets.skins.CustomProgressBarTrack");
	track-height:18;
	font-family:Trebuchet;
	textFieldClass: ClassReference("mx.core.UIFTETextField");
	
}
/*-------------------------------------------
	For Top Bar
-------------------------------------------*/
.topBar
{
	background-color:#008cdc;
	top-maski1:#033351;
	top-maski2:#008cdc;
	
	weather-panel-color:#88b6d0;
	weather-panel-stroke:#a5d5e9;
}

/*--------------------------------------------
		For Left Panel
--------------------------------------------*/
.leftPanel
{
	background-color:#ffffff;
	background-stroke:#9bd3f6;
	
	bottom-maski1:#639bb5;
	bottom-maski2:#e1ecf1;
}

.leftPanelButtonBar
{
	skinClass:ClassReference("assets.skins.CustomButtonBarSkin");
	background-fill1:#feffff;
	selected-fill1:#feffff;
	over-fill1:#d4e7eb;
	down-fill1:#feffff;
	
	background-fill2:#e5f8ff;
	selected-fill2:#e5f8ff;
	over-fill2:#d4e7eb;
	down-fill2:#e5f8ff;
	selected-over:#d4e7eb;
	
	
	background-stroke:#a8d8ec;
	background-stroke-selected:#f48c29;
}


/*-------------------------------------------
		For customer page
-------------------------------------------*/
.topButtonBar
{
	skinClass:ClassReference("assets.skins.CommonButtonBar");
	background-color1:#e3f7ff;
	selected-color1:#e37004;
	down-color1:#feb873;
	selected-over1:#fec084;
	
	background-color2:#ffffff;
	selected-color2:#e37004;
	over-color2:#99d0db;
	selected-over2:#f6a453;
	down-color2:#feb873;
	
	
	background-stroke:#a5d5e9;
	background-stroke-selected:#974f02;
	
	playbutton-fill1:#fdfeff;
	playbutton-fill2:#e5f8fe;
	
	playbutton-stroke:#acdaea;
}


.mainCanvas
{
	background-color:#f2f2f2;
	background-stroke:#e0dddd;
}



/*------------------------------------------
	For buttons
------------------------------------------*/
.blackButton
{
	skinClass:ClassReference('assets.skins.CustomButtonSkin');
	fill-color:#000000;
	fill-color2:#999999;
	over-color:#1b1414;
	stroke-color:#000000;
}

.redButton
{
	skinClass:ClassReference('assets.skins.CustomButtonSkin');
	fill-color:#c43805;
	fill-color2:#fbb59d;
	over-color:#d34612;
	stroke-color:#c43805;
}
.browseLogoButton
{
	skinClass:ClassReference('assets.skins.CustomButtonSkin');
	fill-color:#0266a1;
	fill-color2:#99d2f3;
	over-color:#2282b8;
	stroke-color:#98d4f9;
}
.addOrgButton
{
	skinClass:ClassReference('assets.skins.CustomButtonSkin');
	fill-color:#57a33f;
	fill-color2:#bed3ac;
	over-color:#699742;
	stroke-color:#7db715;
}
.continueButton
{
	skinClass:ClassReference('assets.skins.CustomButtonSkin');
	fill-color:#781589;
	over-color:#8b2f9b;
	stroke-color:#644d67;
}

.editButton
{
	skinClass:ClassReference("assets.skins.EditButtonSkin");
	fill-color1:#98c6fa;
	fill-color2:#2478c1;
	
	stroke-color1:#0c6eab;
	stroke-color2:#0874b4;
	over-color1:#2d91da;
	over-color2:#2d91da;
	current-state:'edit';
	path-data:"M 0 0 L 3 0 L 9 4 L 3 9 L 0 9 L 5 4 z";
}

.deleteButton
{
	skinClass:ClassReference("assets.skins.EditButtonSkin");
	fill-color1:#f99b9c;
	fill-color2:#af1314;
	
	stroke-color1:#a81619;
	stroke-color2:#c53b3b;
	over-color1:#a81619;
	over-color2:#e0817e;
	current-state:'edit';
	path-data:"M 0 0 L 5 0 L 5 2 L 0 2 z";
}
/*----------------------------------------------
	For Alert
----------------------------------------------*/

mx|Alert {
	
	button-style-name: alertBtnStyles;
	
	font-family : Trebuchet;
	
	textFieldClass: ClassReference("mx.core.UIFTETextField");
	
	border-skin:ClassReference("assets.skins.AlertBoxBorderSkin");
	
	border-style:solid;
	
	drop-shadow-visible:true;
	
	title-style-name:title;
	color:#000000;
}

.title{
	
	font-family:Trebuchet;
	
	textFieldClass: ClassReference("mx.core.UIFTETextField");
	
	color:#ffffff;
	skin-class:ClassReference('assets.skins.AlertBoxBorderSkin');
	
}
.alertBtnStyles {
	
	selected-up-skin: ClassReference("assets.skins.AlertSkin");
	
	up-skin: ClassReference("assets.skins.AlertSkin");
	
	down-skin: ClassReference("assets.skins.AlertSkin");
	over-skin: ClassReference("assets.skins.AlertSkin");
	
	font-family:Trebuchet;
	
	textFieldClass: ClassReference("mx.core.UIFTETextField");
	color:#ffffff;
	
	text-roll-over-color :#ffffff;
	
	text-selected-color :#ffffff;
}
/*-------------------------------------------------------
	Vertical scroll bar
-------------------------------------------------------*/

s|VScrollBar{
	
	skin-class: ClassReference("assets.skins.scroller.CustomVerticalScrollBar");
}

mx|VScrollBar{
	
	upArrowSkin: ClassReference('assets.skins.scroller.ScrollBarDownArrow');
	
	downArrowSkin: ClassReference('assets.skins.scroller.ScrollBarUpArrow');
	
	trackSkin: ClassReference('assets.skins.scroller.ScrollTrack');
	
	thumb-skin: ClassReference('assets.skins.scroller.ScrollThumb1');
}


/*------------------------------------------------
		For Textinput
------------------------------------------------*/

s|TextInput
{
	skinClass:ClassReference("assets.skins.CustomTextInputSkin");
	background-color:#ffffff;
	background-stroke:#9bd3f4;
	second-sroke:#e0f7ff;
	textIndent:2;
	
	top-left:4;
	top-right:4;
	bottom-left:4;
	bottom-right:4;
	font-family:Trebuchet;
	textIndent:10;
	
	paddingRight:10;
	
	
}
/*-------------------------------------------------------------
styles for imagemap
---------------------------------------------------------------*/

ns|Area{
	upSkin:areaUpSkin;
	overSkin:areaOverSkin;
	downSkin:areaDownSkin;
	selectedSkin:areaSelectedSkin;
}
.areaUpSkin{
	outlineColor:#000000;
	outlineAlpha:0.2;
	fillColor:#FFFFFF;
	fillAlpha:.5;
}
.areaOverSkin{
	outlineColor:#fff000;
	outlineAlpha:1;
	fillColor:#d9d9d6;
	fillAlpha:.4;
}
.areaDownSkin{
	outlineColor:#fff000;
	outlineAlpha:1;
	fillColor:#d9d9d6;
	fillAlpha:.4;
}
.areaSelectedSkin{
	outlineColor:#ffffff;
	outlineAlpha:2;
	fillColor:black;
	fillAlpha:1;
}

.areaSelectedGreanSkin{
	outlineColor:#ffffff;
	outlineAlpha:2;
	fillColor:#9fe87c;
	fillAlpha:1;
}

.areaSelectedOrangeSkin{
	outlineColor:#ffffff;
	outlineAlpha:2;
	fillColor:'0xf8ab07';
	fillAlpha:1;
}

.areaSelectedIndigoSkin{
	outlineColor:#ffffff;
	outlineAlpha:2;
	fillColor:'0xf904df';
	fillAlpha:1;
}
.areaSelectedBlueSkin{
	outlineColor:#ffffff;
	outlineAlpha:2;
	fillColor:#7dc1e8;
	fillAlpha:1;
}
.orangeCircle
{
	
	outerCircleGradient1 : #f4e4c4;
	outerCircleGradient2 : #f8ab07;
	innerCircleColor : #caad74;	
	innerCircleBoarderColor :  #f8ab07;
	innerCircleBoarderColor :  #f8ab07;
	rollOverAlpha : 1;
	/*	fillColor : '0xf8ab07';
	outlineColor : '0xf8ab07';
	outlineAlpha : 1;*/
}
.blueCircle
{
	outerCircleGradient1 : #e0f4fd;
	outerCircleGradient2 : #7dc1e8;
	innerCircleColor : #dff2ff;
	rollOverAlpha : 1;
	innerCircleBoarderColor : #7dc1e8;
	innerCircleBoarderColor: #7dc1e8;
	/*	fillColor : '0xf6f904';
	outlineColor : '0xf6f904';
	outlineAlpha : 1;*/
}
.indigoCircle
{
	outerCircleGradient1 : #fbe3fd;
	outerCircleGradient2 : #e87eda;
	innerCircleColor : #ffdef9;
	rollOverAlpha : 0;
	innerCircleBoarderColor : #e87eda;
	innerCircleBoarderColor: #e87eda;
	/*	fillColor : '0xf904df';
	outlineColor : '0xf904df';
	outlineAlpha : 1;*/
}
.greanCircle
{ 
	outerCircleGradient1 : #eefee4;
	outerCircleGradient2 : #9fe87c;
	innerCircleColor : #eefee3;
	rollOverAlpha : 1;
	innerCircleBoarderColor :#9fe87c;
	innerCircleBoarderColor :#9fe87c; 
	/*	fillColor : '0x0a04f9';
	outlineColor : '0x0a04f9';
	outlineAlpha : 1;*/
}

/*--------------------------------------------------
		For combobox
--------------------------------------------------*/
s|ComboBox
{
	skinClass:ClassReference("assets.skins.CustomComboSkin");
}

.comboText
{
	skinClass:ClassReference("assets.skins.CustomTextInputSkin");
	background-color:#ffffff;
	background-stroke:#9bd3f4;
	second-sroke:#e0f7ff;
	textIndent:2;
	
	top-left:4;
	top-right:0;
	bottom-left:4;
	bottom-right:0;
}

/*Font Embbeding ------------- Trebuchet MS Bold.TTF*/
/*------------------------------------------------------------------------------*/

@font-face {
	
	src:url("assets/font/trebuc.ttf");
	
	font-family: Trebuchet;
	
	advancedAntiAliasing: true;
	
	embedAsCFF: true;
	unicode-range:U+0030-U+0039, /* 0-9 */
		U+0041-U+0051, /* Uppercase A-Z */
		U+0052-U+007A, /* Lowercase a-z */
	U+002F-U+002F;
}
@font-face {
	
	src:url("assets/font/trebucit.TTF");
	
	font-family: Trebuchet;
	
	advancedAntiAliasing: true;
	
}
@font-face {
	
	src:url("assets/font/trebucbd.TTF");
	
	font-family: Trebuchet;
	
	advancedAntiAliasing: false;
	
	embedAsCFF: true;
	
	font-weight: bold;
	advancedAntiAliasing: true;
}

@font-face {
	
	src:url("assets/font/trebucit.TTF");
	
	font-family: Trebuchet;
	
	advancedAntiAliasing: false;
	
	embedAsCFF: true;
	
	font-style: italic;
	advancedAntiAliasing: true;
}
